<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>通过密保问题找回密码</title>
<base th:href="@{/}">
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="static/theme/index.css">
<link rel="stylesheet" href="static/css/myStyle.css"/>
<link rel="stylesheet" href="static/css/reset.css"/>
</head>
<body>
	<div id="mibao" style="width:70%;margin:80px auto;text-align:center" class="container text-center">
		<br>
		<h2 class="text-success bg-success padding10">通过密保问题找回密码</h2>
		<hr>
		<br>
		<el-card shadow="hover">
			<el-col style="margin-buttom:20px;">通过密保问题找回密码：</el-col>
			<el-row>
				<el-col :span="3" :offset="4" >温馨提示：</el-col>
				<el-col :span="12">
					<el-row>1、如果您的账号已经设置了密码保护，您可以再这里提交您的信息</el-row>
					<el-row>2、如果您提交的信息是正确的，系统将跳转到设置新密码的页面</el-row>
				</el-col>
			</el-row>
		</el-card>
		
		<el-form style="width:40%;margin:10px auto">
				<el-form-item>
				<el-input v-model="uid" placeholder="请输入您的用户名"></el-input>
	 			</el-form-item>
	 			<el-form-item>
	 				<el-row>
	 					<el-col :span="20">
							<el-input v-model="mibaoQ" placeholder="此处显示密保问题"></el-input>
						</el-col>
						<el-col :span="4">
							<el-button type="text" @click="getMibao(uid)">获取密保问题</el-button>
						</el-col>
					</el-row>
	 			</el-form-item>
	 			<el-form-item>
				<el-input v-model="mibaoA" placeholder="请输入您的密保答案"></el-input>
	 			</el-form-item>
				<el-button type="primary" @click="submitA(uid,mibaoQ,mibaoA)">找回密码</el-button>
			<br>
		</el-form>

		 <el-link href="/">返回首页</el-link>
		
		
		</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>
<script src="static/js/mibao.js"></script>
</body>
</html>
